-
-
Notifications
You must be signed in to change notification settings - Fork 383
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Improve code highlighting in web UI #4447
base: main
Are you sure you want to change the base?
Conversation
Im not against changing the code block color but not this way. If we want a new one we should create a new color theme with |
Keep in mind its used in various other places as well. |
I don't think we need a full palette for a single light/dark code highlighting color. I agree the naming is not optimal and doesn't fit into the current schema. Open for suggestions. |
We dont need a full pallete right now we only have 100 and 200 just change the color of these. |
100 and 200 are usually shades of bigger palette with 100 being the lightest value. We don't have a "real" palette for
and yes, these again refer to another palette, but these values are also somewhat arbitrary and IMO not matching well in the UI. Hence I don't think that mimicking a palette is the best way forward here. There should only be one color for |
We are getting lost in discussions again. At the end, I don't really care, and |
Hm, I think this was just a normal discussion? You brought up some reasons, I replied and shared my thoughts. It is not even about subjective UI but code syntax, so I'd say such discussions are normal (and needed and good). |
Sorry this was not meant to be offensive or rude :) The color is only used in one location. While I have some personal preferences, I don't care much enough to discuss further how it is done in detail. |
Consolidated all mixed wp-code definitions into @xoxys Is this acceptable in your view? Yes, the color is custom and not derived from the main colour palettes but I don't think that any value from these matches well here. Need to run the PR image first to see in which places the changes trigger a change. |
Fine for me. |
OK, my recent changes also change the bg color of the main log container. More work needed. |
Ah yeah, I remember. That's why it's a bit questionable whether we really want to change the color, but I'm still fine if we want to change it only for real code blocks. |
15c182d
to
994b797
Compare
@xoxys You can take another look. I think I was able to keep all previous colors while achieving a much more consistent palette - tailwind mapping that should ease future UI changes. |
I am actually confused why it looks like this now. The last time I checked it looked completely different. |
@woodpecker-ci/maintainers as this might be another controversial design decision, please vote on the initial post of this PR with 👍 and 👎
This introduces a custom color. However, I found no color of the current palette to be matching here and/or creating a good contrast.
In addition, I slightly tweaked the padding and rounding values.
Before
After